<template>
	<view>
		<view class="outView">
			<view class="top">
				<text>张**</text>
				<text>评价时间：2022-10-10 11:09</text>
				<navigator class="order" :url="'/pages/evaluate/orderDetail/orderDetail'">
					<text>2021010831213</text>
				</navigator>
			</view>
			<view class="footer">
				<text>综合评分：3分</text>
				<uni-rate :readonly="true" :value="3" style="padding-left: 40rpx; " />
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		components: {},
		data() {
			return {
				rateValue: 0,
				now: Date.now()
			}
		},
		onLoad() {
			// 模拟动态赋值
			setTimeout(() => {
				this.rateValue = 3
			}, 1000)
		},
		methods: {
			onChange(e) {
				console.log('rate发生改变:' + JSON.stringify(e))
				// console.log(this.rateValue);
			}
		}
	}
</script>

<style>
	.outView {
		width: 690rpx;
		height: 170rpx;
		margin: auto;
		margin-top: 50rpx;
		border-bottom: 2rpx solid #D4D4D4;
		font-size: 22rpx;

	}

	.top {
		display: flex;
	}

	.top text:nth-child(1) {
		font-size: 32rpx;
		font-weight: bold;
		padding-left: 30rpx;
	}

	.top text:nth-child(2) {
		font-size: 24rpx;
		padding-left: 40rpx;
	}

	.top .order text {
		font-size: 24rpx;
		font-weight: normal;
		color: blue;
		text-decoration: underline;
	}

	.footer {
		font-size: 28rpx;
		padding: 30rpx 0 0 35rpx;
		display: flex;
	}
</style>